
.btn-link {
    background: none;
    font-weight: 400;
    text-decoration: none;
}

button, .btn {
    margin: 4px 8px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: var(--core-input-radius);
    a {
        color: inherit;
    }
}

@each $color-name, $unused in global.$colors {
    .btn.btn-#{$color-name} {
        --color-base: var(--#{$color-name});
        color: var(--#{$color-name}-shade);
        border-color: var(--color-base);
        background-color: var(--#{$color-name}-tint);
    }
}
